<!DOCTYPE html>
<html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
  {{info}}<br>
  <!--属性绑定简写-->
  <input type="text" :value="info"><br>
  <!--复杂版属性绑定,如果没有安装vue插件会报错,在错误上面alt+回车修复-->
  <input type="text" v-bind:value="info"><br>
  <a :href="url">超链接</a><br>
  <img :src="imgName" alt="">
</div>
<script src="js/vue.min.js"></script>
<script>
  let v = new Vue({
    el:"#app",
    data:{
      imgName:"image/1.png",
      info:"属性绑定测试",
      url:"http://www.baidu.com"
    }
  })
</script>
</body>
</html>

